@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background-color:transparent;
	font-family: "Microsoft YaHei", "Heiti TC Light", SimHei, Arial;
}

body {
    line-height:1;
}

:focus {
	outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
body,html{
	background-color:#fff;
}
li{
	list-style-type:none;
}
input[type="submit"],input[type="reset"],input[type="button"],button{
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
/*page class*/
.clearfix{overflow:auto;_height:1%}
.nospacing{margin:0px!important}
.tip-alert-top{
	height:49px;
	border-bottom:solid 1px #e0e0e0;
	background-color:#ffe8bf;
	text-align:center;
	line-height:49px;
	color:#f80;
	font-size:24px;
	margin-bottom:1px;
	width:100%;
	position:fixed;
	top:0;
}
.form-examlist{
	background-color:#fff;
	padding-top:51px!important;
}
.form-examlist-exam{
	height:90px;
}
.form-examlist-exam .en{
	font-size:22px;
	text-align:justify;
	display:none
}
.form-examlist li{
	display:block;
	height:199px;
	maring-top:1px
}
.form-examlist b{
	height:90px;
	width:59px;
	text-align:center;
	display:block;
	font-weight:normal;
	line-height:90px;
	border-right:solid 1px #fff;
	background-color:#5cb;
	color:#fff;
	font-size:36px;
	float:left;
}
.form-examlist h2{
	height:78px;
	padding-top:12px;
	background-color:#f4f4f4;
	font-size:25px;
	float:left;
	font-weight:normal;
	line-height:32px;
	width:-moz-calc(100% - 70px);
	width:-webkit-calc(100% - 70px);
	width: calc(100% - 70px);
}
.form-examlist h2 span{
    display: block;
    width: 100%;
    line-height: 39px;
    height: 100%;
    font-size: 31px;
    overflow: auto;
    padding-left: 10px;
}
.form-examlist-items{
	height:107px;
	border-bottom:solid 1px #e0e0e0;
	line-height:107px;
	padding-left:30px;
	font-size:25px;
	text-align:left;

}
.form-examlist-items input{
	width:25px;
	height:25px;
	margin-right:5px;
}
.form-examlist-items span{
	display:table-cell;
	padding-right:50px;
	color:#888;
	text-align:left;
	font-size:25px
}

.tip-alert-info{
	margin-top:5px;
	background-color:#55ccbb;
	color:#fff;
	padding:25px 30px;
	font-size:12px;
	line-height:30px;
}
.contactinfo{
	font-size:12px;
}
.contactinfo ul{
	padding:30px 30px 75px 30px;
	overflow:auto
}
.contactinfo ul li{
	height:45px;
	line-height:45px;
	/* background: url(i/siprit.gif) no-repeat 1px 26px */
}
.checkcode ul{padding-left:0px;}
.checkcode ul li{background:none;}
.checkcode .smscode input{width:55%}
.checkcode .smscode b{background:none!important;float:none;display:inline;font-size:30px;color:#f60}
.contactinfo ul li.kidage{
	background-position:1px -46px
}
.contactinfo ul li.parenttel{
	background-position:1px -119px
}
.contactinfo ul li.parentname{
	background-position:1px -190px
}
.contactinfo ul li.kidname{
	background-position:1px -261px
}
.contactinfo ul li span{
	display:block;
	margin-left:30px;
	border-bottom:solid 1px #e1e1e1;
    text-indent: 5px;
}
.contactinfo ul li{
    position: relative;
}
.logo{
    position: absolute;
    width: 20px;
    height: 20px;
    left: -23px;
    top: 13px;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: none;
}
.logo1{
    background-image: url(../img/usered.png);
}
.logo2{
    background-image: url(../img/phone.png);
}
.logo3{
    background-image: url(../img/date.png);
}
.contactinfo ul li input,.contactinfo ul li select{
	height:35px;
	width:60%;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
	border:none;
	background-color:#fff;
}
#istest{
	display:inline-block;
	width:43%!important;
}
.contactinfo ul li.comment{
	height:150px;
	background:none
}
.contactinfo ul li textarea{
	font-size:12px;
	display:block;
	height:100px;
	width:90%;
	border:solid 1px #aaa!important;
}
.contactinfo ul li.comment span{
	border:none;
}
.bottombar-dark{
	background:#5cb;
	height:80px;
	font-size:32px;
	position:fixed;
	width:100%;
	bottom:0;
	border:none;
	color:#fff;
}
.getcodeBT{
	font-size:22px;
	width:220px!important;
	height:90px;
	margin-top:20px;
	display:inline-block;
	color:#fff;
	background-color:#f60;
	border:none;
}
.bottom-securecode{
	background:#5cb;
	height:80px;
	font-size:32px;
	width:100%;
	bottom:0;
	border:none;
	color:#fff;
	position:fixed;
}
.bottombar{
	background:#5cb;
	height:45px;
	font-size:16px;
	position:fixed;
	width:100%;
	bottom:0;
	color:#fff;
	border:none;
	border-top:solid 2px #fff;
}
.bottombarbt{
	background:#5cb;
	height:40px;
	font-size:16px;
	position:fixed;
	width:100%;
	bottom:0;
}
.bottombar .submitbotton{
	background-color:#5cb;
	width:40%;
	height:45px;
	border:none;
	color:#fff;
	font-size:16px;
	position:absolute;
	right:0;
}
.bottombar span{
	line-height:45px;
	color:#f60;
	display:inline-block;
	text-align:center;
	width:60%;
	font-size:14px;
	background-color:#cee;
}
.bottombar span b{
	font-size:13px;
}

/*exam_result page*/
.result-title{
	overflow:auto;
	font-size:25px;
	padding-top:51px;
}
.result-title h2{
	height:60px;
	line-height:60px;
	background-color:#5cb;
	color:#fff;
	padding-left:60px
}
.result-title p{
    padding:40px 60px 90px 60px;
    line-height:60px;
}
.result-title .box{
    width: 100%;
    clear: both;
    overflow: hidden;
    padding: 30px 0px;
    text-indent: 60px;
}
.result-title .box span{
    display: block;
    float: left;
    height: 10px;
    width: 29%;
}
.result-title .box .spn{
    width: 320px;
    height: 16px;
    background: #e6e8ed;
    margin-top: 10px;
    position: relative;
    border-radius: 8px;
}
.result-title .box .spn .i{
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: rgba(38,38,38,1);
    position: absolute;
    left: 0px;
    top: 0px;
}
.result-title .box .spn .round{
    position: absolute;
    left: 0px;
    top: -7px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 0px 5px #999;
}


.tip-end{
	text-align:center;
	color:#DDD;
	font-size:15px;
	padding:30px 0;
}
.order-title{
	height:100px;
	line-height:100px;
	background-color:#5cb;
	font-size:25px;
	color:#fff;
	padding-left:60px
}
.orderpage ul{
	padding-bottom:60px
}
.order-introduce{
	font-size:25px;
}
.order-introduce h2{
	text-align:center;
	color:#5cb;
	border-bottom:solid 1px #5cb;
	line-height:30px;
	margin:0 15px;
    font-size: 13px;
}
.order-introduce p{
	padding:17px 30px 10px 30px;
	line-height:25px;
}
.myorder h2{
	height:100px;
	line-height:100px;
	background-color:#5cb;
	font-size:25px;
	color:#fff;
	padding-left:60px

}
.myorder ul{
	font-size:25px;
	padding:60px;
}
.myorder li{
	line-height:50px;
}
.myorder li a{
	color:#5cb;
	margin-right:10px;
}
.myorder li a:hover,.myorder li a:active{
	color:#555;
}
.myorder li span{
	color:#999;
	font-size:23px;
}
.order-detail{
	padding:60px;
	text-align:justify;
	font-size:25px;

}
.order-detail li{
	line-height:70px;
}
.botton-back{
	background:#5cb;
	height:80px;
	line-height:80px;
	text-align:center;
	font-size:32px;
	width:100%;
	bottom:0;
	color:#fff;
	position:fixed;
}
.expertlist{
	padding:15px;
	height:380px;
}
.expertlist li{
	width:100%;
	display:block;
	clear:both;
}
.expertlist a{
	display:block;
	height:300px;
	float:left;
	text-align:center;
	text-decoration:none
}
.expertlist a span{
	display:block;
	width:220px;
	height:40px;
	font-size:25px;
	line-height:40px;
	background-color:#f60;
	color:#fff;
	text-align:center;
}
.expertlist img{
	margin-right:15px;
	margin-bottom:20px;
	display:block;
	width:220px;
	height:220px;
	border:none;
	padding:0;
	text-align:center;
}
.expertlist b{
	display: block;
	font-size:32px;
	padding-bottom:10px;
}
.expertlist p{
	font-size:23px;
	line-height: 36px;
	text-align:justify;
}
